<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/views/common.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>借贷管理系统</title>

<style>
.main_header{width:100%;height:64px;margin:0px;background:url("${cs}/image/login_bg.jpg") repeat-x;overflow: hidden;}
.header_left{float:left;width:262px;height:100%;background:url("${cs}/image/logo2.png");}
.options{
	height:30px;
	line-height:30px;
	margin:8px;
	font-size:16px;
	color:#000;
	text-align:center;
}
.options:hover{
	cursor:pointer;
	background:none;
	background-color:#a0f533;
}
.vip{animation:change 5s linear 0s infinite;font-size:16px;font-weight:700;}
@keyframes change{0%   {color:#333;}25%{color:#ff0;}50%{color:#f60;}75%{color:#cf0;}100% {color:#f00;}}
</style>

<script type="text/javascript">
	$(function() {
		$('.options').click(function(){
				var href=$(this).attr("href");
				$(".options").css("background-color","rgba(0,0,0,0.1)");
				$(this).attr("style","background-color:#ffe48d");
				if(!!href) {
					var src = '${cs}' + href;
					var tabs = $('#mainTabs');
					var opts = {
						title : $(this).attr("header"),
						closable : true,
						content : $.formatString('<iframe src="{0}" id='+$(this).attr("menuid")+' allowTransparency="true"  style="border:0;width:99%;height:99%;padding-left:2px;" frameBorder="0"></iframe>', src),
						border : false,
						fit : true
					};
					if (tabs.tabs('exists', opts.title)) {
						document.getElementById($(this).attr("menuid")).contentWindow.location.reload(true);
						tabs.tabs('select', opts.title);
					} else {
						tabs.tabs('add', opts);
					}
				}
		});
	})
</script>

</head>
    <body class="easyui-layout"> 
     	
        <!-- 正上方panel -->  
        <div data-options="region:'north',border:false" style="height:60px;padding:0px; background: #D4F2F4;font-color:#626262;">
        <!-- <div class="main_header" region="north" style="height:70px;padding:5px;" > -->
			<div class="header_left"></div>
			
	        <div id="sessionInfoDiv" style="position: absolute;right: 5px;top:10px;">
	            <strong>
	           		<c:choose>
						<c:when test="${sessionScope.user.userinf.nick!=null}">
							${sessionScope.user.userinf.nick}
						</c:when>
						<c:otherwise>
							${sessionScope.user.username}
						</c:otherwise>
					</c:choose>
				</strong>
					（${sessionScope.user.roleName}），您好
					<c:if test="${sessionScope.user.roleId == 2 && sessionScope.user.account.memberId!=null}">
						您是尊敬的<span class="vip">${sessionScope.user.account.memberName}</span>
					</c:if>！
	            <SPAN id=clock style="color: blue;"></SPAN>
				<script type=text/javascript> 
				    var clock = new Clock();
				    clock.display(document.getElementById("clock"));
				</script>
	        </div>
	        
	        <div style="position: absolute; right: 0px; bottom: 0px; ">
	            <a href="javascript:void(0);" class="easyui-menubutton" data-options="menu:'#layout_north_kzmbMenu',iconCls:'icon-help'">控制面板</a> 
	            <c:if test="${sessionScope.user.roleId == 2 && sessionScope.user.account.memberId==null}">
	            		<a  href="javascript:void(0);" class="easyui-menubutton" data-options="menu:'#layout_north_member',iconCls:'icon-redo'" >注册为会员</a> 
	            </c:if>
	            <a href="javascript:void(0);" class="easyui-menubutton" data-options="menu:'#layout_north_zxMenu',iconCls:'icon-back'">注销</a>
	        </div>
			 <div id="layout_north_member" style="width: 120px; display: none;">
	            <div onclick="regVip()">升级会员</div>
	        </div>	
	        <div id="layout_north_pfMenu" style="width: 120px; display: none;">
	            <div onclick="changeTheme('default');">默认</div>
	        </div>
	        <div id="layout_north_kzmbMenu" style="width: 100px; display: none;">
	            <div onclick="userInfoFun();">个人信息</div>
	        </div>
	        <div id="layout_north_zxMenu" style="width: 100px; display: none;">
	            <div><a href="${cs}/cs/user/logout">重新登录</a></div>
	            <div class="menu-sep"></div>
	            <div><a href="${cs}/cs/user/logout">退出系统</a></div>
	        </div>
	        
        </div>  
	    	
		<!-- 左侧菜单 -->
        <div data-options="region:'west',href:''" title="导航菜单" style="width: 200px; padding: 0px;">
			<ul id="mainMenu" class="easyui-accordion">
				<c:forEach items="${menu}" var="list1" >
	    			<c:if test="${list1.pid==-1}">
	            		<div title="${list1.name}" class="easyui-tree tree"  style="overflow: auto;margin:5px;padding: 0 3px;">	    				
		    				<ul style="list-style: none; margin: 0; width: 100%; padding: 0; vertical-align: middle;text-align: center;">
			   					<c:forEach items="${menu}" var="list2">
			   						<c:if test="${list2.pid==list1.id}">
			   							<li class="options tree-node" href="${list2.url}"  menuid="p${list2.id}" header="${list2.name}">
					   						${list2.name}
					   					</li>
			   						</c:if>
			   					</c:forEach>
			    			</ul>
	    				</div>
	    			</c:if>
	    		</c:forEach>
			</ul>
		</div>
		
        <!-- 正中间panel -->  
        <!-- <div region="center" title="功能区" >   -->
        <div region="center">  
            <div class="easyui-tabs" id="mainTabs" fit="true" border="false">  
                <div title="欢迎使用" style="padding:20px;">   
                    <div style="margin-top:20px; float:left;min-width:600px;widht: 600px; height: 90%;">  
                        <p><h4>信贷管理系统</h4></p>
						<p><b>任务和要求</b>：在规定的时间内独立自主的采用SSM为主要框架结构，构建基于B/S的关于在线借贷管理系统的建设，最终形成已测试可流畅运行的系统软件，在整个的开发过程中要求严格按照软件工程的要求，形成开发设计文档和项目管理文档（数据库设计说明书，用例文档，日志文档，测试文档等）。</p><br/>
						<p><h4>系统功能概述：</h4></p>
						<p><b>1)网站平面设计</b>：设计精美但是简洁，清爽的网站页面。</p>
						<p><b>2)贷款管理</b>：贷款管理：贷款管理主要是针对发布借款标进行的初审，复审，还款，逾期垫付操作等功能。<br/></p>
						<p><b>3)认证管理：</b>主要是系统认证审核人员针对前台用户认证进行一些审核操作，基本流程是用户提交认证申请，后台审核人员进行审核操作，应具有邮箱认证，手机认证。<br/>
						<p><b>4)资金管理功能：</b>资金管理包括提现管理，充值管理，资金账号管理，资金记录。<br/>
						<p><b>5)会员注册登陆功能：</b>客户可根据注册模块要求进行注册，注册后成为会员就可以进行查询，借入，借出等，成为借入者对借出者需要提供更多的验证。<br/>
						<p><b>6)信用评价功能：</b>系统能对借入和还款情况建立自动信用评价和等级区分。<br/>
						<p><b>7)债权转让功能：</b>用户可以随时查询自己的投资情况，并可以对转让的投资进行债权转让操作。<br/>
						<p><b>8)用户账户统计功能：</b>用户可随时查询自己的借贷情况，主要包括可用余额，所获利利息，所借到的金额，投标中的金额，已逾期金额项目。<br/>
						<p><b>9)管理员功能：</b>管理员可以随时查询用户的基本信息，借贷情况，可以审核，设置系统功能模块。<br/>
						<p><b>开发平台和相关技术：</b>系统需基于B/S结构，采用传统的三层结构，以经典SSM（SpringMVC，Spring，Mybatis）为主要框架并按照接口方式进行解耦开发，严格按照软件工程的要求实施课题的调研，分析，设计，测试，部署和各阶段管理。<br/>
						应用服务器：Tomcat 8.0<br/>
						编程语言：Java,JavaScript，css,html,easyUI<br/>
						开发工具和框架：Eclipse,Spring 4 ,Mybatis 3,SpringMVC 4<br/>
						数据库：Mysql 5.6<br/>
						<p><b>论文要求</b>：<br/>1)必须独立完成毕业设计论文，不能抄袭。<br/>
						2)论文书写规范，文字通顺，图表清晰，数据完整，结论明确，总字数不能低于1万字。<br/>
						3)论文应用中因为摘要（各150-200字）<br/>
						4)论文要附参考文献列表；<br/>
						5)论文文字要求打印，并装定成册<br/>
						翻译一篇基于科技类的外文文档，要求不能的抄袭，翻译语句通顺，文档字数不能少于2000字</p><br/>
						<p><h4>我的信息：</h4></p>
						<p><b>姓　　名</b>：席卫卫</p>
						<p><b>电子邮箱</b>：1269832742@qq.com</p>
                        
                    </div>  
                </div>  
            </div>  
        </div>  
        <div id="xww" style="font-size:14px;padding-left:18px;padding-top:18px;line-height:140%;">        	
 			用户名:${sessionScope.user.username}<br>
        	身份证号:${sessionScope.user.idcard}<br>
        	邮箱:${sessionScope.user.email}<br> 
          	手机:${sessionScope.user.phone}<br> 
        </div>
         <div id="modifyPwd" >        	 			
          <form id="user_userInfo_form" method="post"  action="${cs}/cs/user/updatePass">
				<input type="hidden" name="id"  value="${sessionScope.user.id}">
	        	请输入新密码:<input type="password" value="" name="password"> <br><br>
	        	<center>
        		<input type="button" onclick="formsubmit();" class="easyui-linkbutton" iconCls="icon-ok" value="确定"></input>
        	</center>
			</form> 
          
        </div>
    </body>
    <script type="text/javascript">
     function formsubmit(){
    		$('#user_userInfo_form').form('submit',{
				onSubmit:function(){
					var isValid = $(this).form('validate');
					return isValid;
				},
				success: function(r){
					if(r>0){
						$('#xww').dialog('close');
						$('#modifyPwd').dialog('close');
						$.messager.show({
							title:"Success！",
							msg:"恭喜您，操作成功！"
						})
					}else{
						$.messager.alert('错误',"数据出错！", 'error');
					}
				}
			},"json");
    	}
     function regVip(){
    	 $.messager.confirm('确定','成为会员需要缴纳1000元保证金，确定是否成为会员?',function(r){   
    		 if (r){ 

        		 window.open("${cs}/pay.jsp"); 
			   	 $.post("${cs}/cs/credit/member/tobemember",function(r){
			   		 if(r>0){
			   			 $.messager.show({
								title:"Success！",
								msg:"恭喜您，升级成功，两秒后刷新本页面开启会员功能！"
							})
			   			 setTimeout(function(){  //使用  setTimeout（）方法设定定时2000毫秒
			   				 window.location.reload();//页面刷新
			   				 },2000);
			   		 }else{
			   			 $.messager.show({
								title:"Error！",
								msg:"操作失败，请联系管理员！"
							})
			   		 }
			   	 },"json")
    		  }   
    	 });  
     }
    </script>
</html>
